/* #Tablet (Portrait)
================================================== */
	 @media only screen and (min-width: 768px) and (max-width: 899px) {
		.container-fluid .columns,
		  .container-fluid .column { margin: 0 2%; }

		  .container-fluid .one.column,
		  .container-fluid .one.columns,
		  .container-fluid .two.columns,
		  .container-fluid .three.columns,
		  .container-fluid .four.columns,
		  .container-fluid .five.columns,
		  .container-fluid .six.columns,
		  .container-fluid .seven.columns,
		  .container-fluid .eight.columns,
		  .container-fluid .nine.columns,
		  .container-fluid .ten.columns,
		  .container-fluid .eleven.columns,
		  .container-fluid .twelve.columns,
		  .container-fluid .thirteen.columns,
		  .container-fluid .fourteen.columns,
		  .container-fluid .fifteen.columns,
		  .container-fluid .sixteen.columns,

		  .container-fluid .one-third.column,
		  .container-fluid .two-thirds.column { width: 96%; }

	.container-fluid .sub-one-third					{ margin-left:0; width: 31%; margin-right:3%; }
	 }


/*  #Mobile (Portrait)
================================================== */
	 @media only screen and (max-width: 767px) {
		
		/* Use the full width of the screen */
		.container-fluid .columns,
		  .container-fluid .column { margin: 0 2%; }

		  .container-fluid .one.column,
		  .container-fluid .one.columns,
		  .container-fluid .two.columns,
		  .container-fluid .three.columns,
		  .container-fluid .four.columns,
		  .container-fluid .five.columns,
		  .container-fluid .six.columns,
		  .container-fluid .seven.columns,
		  .container-fluid .eight.columns,
		  .container-fluid .nine.columns,
		  .container-fluid .ten.columns,
		  .container-fluid .eleven.columns,
		  .container-fluid .twelve.columns,
		  .container-fluid .thirteen.columns,
		  .container-fluid .fourteen.columns,
		  .container-fluid .fifteen.columns,
		  .container-fluid .sixteen.columns,
		  .container-fluid .one-third.column,
		  .container-fluid .two-thirds.column,
		  .container-fluid .one-third-full.column,
	.container-fluid .sub-one-third				{ width: 96%; }
	
	.container-fluid .sub-two-thirds.column			  { width: 96%; }
		.container-fluid .sub-one-third {margin-left:0;}


	#menu-icon .button {margin:0 0 0 8px;padding: 2px;z-index: 999;font-size:14px;} 
	#menu-icon .button-blue {margin:0 0 0 8px;padding: 2px;z-index: 999;font-size:15px;text-shadow:-1px -1px 0 #000000;font-family:Roboto Condensed,arial,sans-serif;} 

	#main-nav {padding-top:6px;clear: both;position: relative;z-index: 998;padding: 0px;
		border: solid 0px #999;display: none;/*visibility toggled */top: -90px;
	background-color: #8CAB6E;
}
	#main-nav li {clear: none;margin:0;padding: 0 5px;text-align:left;width:90%line-height: 2px;
	}
	#main-nav a, 
	#main-nav ul a{background: none;display: inline;color: #524d49;border: none;font-size: 14px;}
	#main-nav ul li a {padding: 6px 0;}
	

	#utility-nav {padding:10px 0;width:100%;text-align:center;height:auto;
	}
	 #utility-nav {
	 	border-top:0px solid #333333float: none;
	 }
	#utility-nav li {float:none;display:inline-block;padding: 0 5px;}
	
	#utility-nav li a {font-size:15px;border:0;display: inline-block;}
	#translate-this {height:auto !important}
	li#search-box {padding-right:0 !important;}
	#search-input input[type="text"] {margin-left:25px;}
	
	 }


/* #Clearing
================================================== */
	 .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix:before,
	 .clearfix:after,
	 .row:before,
	 .row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
	 .row:after,
	 .clearfix:after {clear: both; }
	 .row,
	 .clearfix {zoom: 1; }
	 .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0; height: 0;}


/* #Media Queries
================================================== */

@media only screen and (max-width: 479px) {
	.banner:before {
		height:0;
	background-color: #524d49;
}	
	
	.fixed {position:static !important;top:0px;}
	.carousel .carousel-control {
		margin-top: 0;
	}
	
	.header-short {height: 90px !important;min-height: 90px;}

	.carousel h4  {display:none;}
	.carousel .carousel-caption {
		display: none;
	}
	#search-input-responsive .add-on,
		#search-input .add-on {
		position: absolute;
		left: 255px;
	}

	.sixteen.columns.homepage-column {margin: 0;width: 100%;}

	.body-main-content h1, .body-content h1, .body-main-content-homepage h1{font-size:160%;padding:12px;line-height:30px;}
	h3 {font-size:20px;}
	#main-nav {display:block;top:0;background:none;position:relative;top:-25px;margin-bottom: -10px;}

	#main-nav ul li a {padding:4px 3px !important;}
	#utility-nav {display:none;text-align:center;border-top: 1px solid #072846;margin-top: 12px;}
	#utility-nav li {width:auto;}
	#utility-nav li a {font-size:13px;}
	form {margin-bottom: 0 }
	#search-input input[type="text"] {margin: 0px;}
	.banner {height:auto;
		border-top: 12px solid #524d49
	width: 9px;
		position: relative;
	}
	.banner h1 a {background: url("logo-hor.png") no-repeat scroll left center / 100% auto transparent;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);height: 95px;top: -35px;width: 260px;float:none;
		position:relative;left:auto;
		margin: auto;
	} 
	
	.header-bg #myCarousel {
		display: none;
	}
		
	
}

@media only screen and (min-width:480px) and (max-width: 767px) {
	.banner:before {
		height:0;
	background-color: #524d49;
}	
	.banner {height:auto;
		display:inline-block;
		border-top: 12px solid #524d49
	}
	.fixed {position:static !important;top:0px;}
	.body-main-content h1, .body-main-content-homepage h1 {font-size:160%;padding:10px 20px;line-height:40px}
	#main-nav {display:block;top:0;background:none;}
	
	#utility-nav {display:none;text-align:right;margin-right: 2%;}
	#utility-nav li {width:auto;}	
	#utility-nav li a {font-size:13px;padding:4px 7px !important;}


	form {margin-bottom: 0 }
	#search-input input[type="text"] {margin: 0px;}

	.carousel h4 {margin: 0 0 0 10px;padding:5px 10px;}
	.carousel .carousel-control {
		margin-top: 0;
	}
	.carousel .carousel-caption {
		display: none;
	}
	#search-input-responsive .add-on,
		#search-input .add-on {
		position: absolute;
		left: 255px;
	}

	.banner h1 a {background: url("logo-morterboard.png") transparent;
		background-size: 115px 105px;
		width:115px;height:105px;top:-20px;
	}
	.header-bg {
		min-height: 100px;
	}
	.header-bg #myCarousel {
		display: none;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 929px) {
	.fixed {position:absolute !important;top:30px;}
	.header-bar-3 {height:310px;}
	.header-short {height:230px;}
	.banner0 ul li {min-height:300px;}
	.banner h1 a {background: url("logo-morterboard.png") center / 90px 79px;
		width:90px;height: 79px;top: -34px;}
	#utility-nav li {margin-right: 0;padding-left: 10px;}

	.carousel h4 {margin: 0 0 5px;padding:10px 20px;}
	
	#menu {
		height:40px;
	
	}

	#menu li {
		padding: 0 10px 0 10px;
		height: 40px;
		margin: 5px 0 0;
		line-height: 31px;
		
	}
}

@media only screen and (min-width: 930px) and (max-width: 1120px) {
	.banner h1 a {background: url("logo-hor.png") 0 center / 260px 95px;
		width:260px;height: 85px;top:-34px;}
	#utility-nav li {margin-right: 0; padding-left: 0;
	}
	
	.homepage-header-text {font-size:85%;width:auto;}
	

}

@media screen and (min-width: 768px) {
	/* ensure #nav is visible on desktop version */
	#main-nav, #utility-nav {display: block !important;
		float: right;
	}
	#utility-nav li {padding-left: 0;
	}
}